<template>
  <view class="agreement-page flex-col">
    <view class="group_1 flex-col">
      <view class="group_2 flex-col">
        <view class="box_3 flex-row">
          <view class="box_4 flex-col">
            <view class="text-group_2 flex-col">
              <text class="paragraph_1">
                请阅读完并同意服务协议
                <br />
                进行资料完善与认证
              </text>
              <text class="paragraph_2">
                *本服务仅为黄石市广大青年提供
                <br />
                《服务协议》
              </text>
              <text class="text_1">“遇见黄石”用户协议</text>
            </view>
            <text class="text_2">生效/更新日期：2025年7月18日</text>
          </view>
          <!-- <image class="label_2" referrerpolicy="no-referrer"
            src="https://hxs.dsjhs.com:553/prod-api/profile/guanbi.png" /> -->
        </view>
        <view class="text-wrapper_3">
          <view class="paragraph_3">
            1.特别提示
            <br>
            欢迎使用“遇见黄石”在线交友平台（以下简称“青遇见黄石”）！“遇见黄石”是基于面向黄石市青年打造的专门针对青年婚恋交友的服务平台。“遇见黄石”以性质公益、信息真实、安全高效为特点，致力于真正满足青年婚恋交友需求。“遇见黄石”服务提供者（以下称“我们”）深知个人信息、交友环境对每位用户的重要性，我们遵循合法、正当、必要和诚信原则，严格按照《中华人民共和国个人信息保护法》处理用户的个人信息，尽全力保护每个用户的个人信息安全。因此，我们在完全遵循《东楚畅通隐私协议》所列条款的基础上，专门制定本《“遇见黄石”用户协议》（以下称“本协议”）以便用户充分了解，在用户使用“遇见黄石”时，我们如何收集、使用、保存、共享、转让、访问、更新、删除和保护这些信息，以及我们如何为用户提供卓越品质的婚恋交友服务。
            <br />
            在您使用“遇见黄石”前，请您务必认真阅读本协议全部内容，充分理解各条款内容，您可以按照本协议的指引做出您认为适当的选择。本协议中涉及的相关术语，我们尽量以简明扼要的表述，并提供进一步说明的链接，以便您更好地理解。如有任何疑问，请联系我们。
          </view>
          <view class="paragraph_3">
            1、用户注册协议
            <br />
            为保证信息的真实、准确及保密性，文明交友，保障各方权益不受侵犯，凭用户自愿达成本协议。本协议一旦签订，具有法律效力，如有违反则违约方须承担其带来的一切民事及法律后果。
            <br />
          </view>
          <view class="paragraph_3">
            一、总则
            <br />
            1.1 “遇见黄石”的所有权和运营权归共青团黄石市委所有，湖北脉源通档案管理有限公司为平台建设和委托运营单位。
            <br />
            1.2 本协议由管理平台随时更新，用户应当及时关注并同意，平台不承担通知义务。
            <br />
          </view>
          <view class="paragraph_3">
            二、用户须知
            <br />
            2.1 用户须遵守法律法规，诚实守信，做一个有涵养及高素质的人。
            <br />
            2.2 用户须严肃和负责地交友，提供的一切资料须准确、真实完整，不得弄虚作假。
            <br />
            2.3 用户在交友过程中须礼貌待人，用语文明。
            <br />
            2.4 用户不得骚扰其他用户及泄露他人的个人信息。
            <br />
            2.5 “遇见黄石”平台向广大单身青年开放“找搭子”、“找活动”及“发布动态”服务功能，打造一个专业、便捷的青年交友场景，满足单身青年寻找共同爱好者的需求，旨在为青年群体打造基于兴趣爱好的交友服务。通过上述服务，青年用户可轻松找到与自己志同道合的伙伴，共同探索兴趣所在，拓宽社交圈子，增进友谊。用户在使用平台各功能时，均须遵守本协议相应规定，恪守平等友善、真诚相待、互相尊重等基本准则，不得通过伪造身份进行欺诈行为，包括但不限于工作造假、学历造假等。如因用户违反平台规定由此产生的一切后果将自行承担(包括精神损失、民事赔偿及法律责任)。
            <br />
            2.6 用户报名“遇见黄石”组织的线下活动一经确认，请准时参加，同时须服从“遇见黄石”统一安排，在线下活动过程中必须保证不伤害他人并有义务保护他人的身心安全。
            <br />
          </view>
          <view class="paragraph_3">
            三、用户帐号
            <br />
            3.1 已满十八周岁，符合注册标准并经平台完成注册程序，通过数据认证的用户即成为正式用户，可以获得平台正式用户所应享有的相应权限；未经认证仅享有规定的部分用户权限。管理平台有权对用户的权限设计进行变更。
            <br />
            3.2 用户有义务保证本人“遇见黄石”密码和帐号的安全，用户本人之外的其他人利用该密码和帐号所进行的一切活动引起的任何损失或损害，由用户自行承担全部责任，我们不承担任何责任。如用户发现账号遭到未授权的使用或发生其他任何安全问题，应立即修改账号密码并妥善保管，如有必要，请通知平台管理员。因黑客行为或用户的保管疏忽导致账号非法使用，我们不承担任何责任。
            <br />
          </view>
          <view class="paragraph_3">
            四、隐私保护
            <br />
            平台十分重视保护用户个人隐私，在获取、使用用户的相关数据时，会按照《东楚畅通隐私政策》内的规定在经过用户本人同意、授权的前提下获取、使用用户的个人数据，请用户在使用平台部分功能及决定是否授权前认真阅读《东楚畅通隐私政策》。
            <br />
          </view>
          <view class="paragraph_3">
            五、责任声明
            <br />
            5.1 对于因不可抗力或我们不能控制的原因造成的网络服务中断或其它缺陷，我们不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。
            <br />
            5.2 我们有权于任何时间暂时或永久修改或终止本服务(或其任何部分)，而无论其通知与否，我们对用户和任何第三人均无需承担任何责任。
            <br />
            5.3 在获得用户明确授权后，平台会调用各政府单位的数据接口，以完成用户信息及数据的认证工作。我们致力于保障数据的及时更新和接口的稳定性，但由于可能存在诸如数据上报不及时、网络延迟等不可抗力因素，我们无法保证数据能够百分之百地符合实际情况。如果在使用过程中发现数据存在误差，我们对此不承担任何责任。我们会在收到用户的反馈后，尽快予以回复，并提供相应的解决方案，以最大程度地减少用户的不便。我们始终坚持以用户为中心，不断提升服务质量，为用户提供更加准确、可靠的数据支持。
            <br />
            5.4 我们会尽力维护交友环境的真实、良好，并尽力保护每位用户的身心安全及个人隐私，但互联网环境并非百分百安全，我们亦不对由此产生或与之相关的任何风险、损失承担责任。我们强烈建议用户提高自我保护意识，以确保自身身心安全、个人信息安全、网络安全。为保障个人身心健康与安全，应秉持积极健康的婚恋交友观念，并共同努力营造和谐的婚恋交友环境。同时，请注意保护个人隐私和敏感信息，并避免在不安全的网络环境下进行任何敏感操作。提高保护意识是维护自身权益和安全的重要一环，我们衷心希望用户能够认真对待并采取有效措施。
            <br />
          </view>
          <view class="paragraph_3">
            六、附则
            <br />
            6.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
            <br />
            6.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
            <br />
            6.3 本协议解释权及修订权归共青团黄石市委所有。
            <br />
          </view>
        </view>
        <view class="text-wrapper_2 flex-col">
          <text class="text_3" @click="handleAgree">我已阅读并同意</text>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  methods: {

    handleAgree() {
      uni.navigateTo({
        url: '/subpage/meethuangshi/personInfo'
      })
    }
  },
};
</script>
<style lang="scss" scoped>
@import '../../../static/style/common.css';

.agreement-page {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);


  .group_1 {
    position: absolute;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    width: 316px;

    .group_2 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 20px;
      position: relative;
      padding: 10px 16px 84px 16px;

      .box_3 {
        .box_4 {
          margin-top: 22px;

          .text-group_2 {
            margin-left: 43px;

            .paragraph_1 {
              width: 198px;
              height: 50px;
              overflow-wrap: break-word;
              color: rgba(52, 49, 79, 1);
              font-size: 18px;
              font-family: PingFangSC-Medium;
              font-weight: 500;
              text-align: center;
              line-height: 25px;
            }

            .paragraph_2 {
              width: 176px;
              height: 32px;
              overflow-wrap: break-word;
              color: rgba(52, 49, 79, 1);
              font-size: 12px;
              font-weight: normal;
              text-align: center;
              line-height: 16px;
              align-self: center;
              margin-top: 18px;
            }

            .text_1 {
              overflow-wrap: break-word;
              color: rgba(52, 49, 79, 1);
              font-size: 16px;
              font-family: PingFangSC-Semibold;
              font-weight: 600;
              text-align: right;
              white-space: nowrap;
              line-height: 22px;
              align-self: center;
              margin-top: 20px;
            }
          }

          .text_2 {
            overflow-wrap: break-word;
            color: rgba(52, 49, 79, 1);
            font-size: 14px;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 20px;
            margin: 20px 38px 0 0;
          }
        }

        .label_2 {
          position: absolute;
          top: 10px;
          right: 10px;
          width: 24px;
          height: 24px;
        }

        .box_2 {
          background-color: rgba(233, 233, 233, 1);
          border-radius: 2px;
          width: 4px;
          height: 84px;
          margin: 110px 0 10px 0;
        }
      }

      .text-wrapper_3 {
        max-height: 300px;
        overflow-y: auto;

        .paragraph_3 {
          width: 284px;
          overflow-wrap: break-word;
          color: rgba(52, 49, 79, 1);
          font-size: 14px;
          font-weight: normal;
          text-align: left;
          line-height: 20px;
        }
      }

      .text-wrapper_2 {
        height: 48px;
        // background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng6315881a2f717ec51fcf153a51ffcbf2cb0bd35f3aa12f60e63cfdf259c8573d) 100% no-repeat;
        // background-size: 100% 100%;
        background: linear-gradient(173deg, #FFA5F5 0%, #319EFF 100%);
        border-radius: 20px;
        width: 166px;
        position: absolute;
        left: 75px;
        bottom: 28px;
        padding: 13px 27px 13px 27px;

        .text_3 {
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 16px;
          font-family: PingFangSC-Semibold;
          font-weight: 600;
          text-align: right;
          white-space: nowrap;
          line-height: 22px;
        }
      }
    }
  }
}
</style>
